<div class='home-container'>
    <!-- 头部 -->
    <header class='header'>
        <!--面包屑 -->
        <div class='home-breadcrumb'>
            <ul *ngIf="breadcrumbs.length>1">
                <li *ngFor="let breadcrumb of breadcrumbs;let i = index">
                    <ng-container *ngIf="i">
                        <span class='breadcrumb-separator'>/</span>
                    </ng-container>
                    <a [routerLink]="[breadcrumb.url]">{{breadcrumb.title}}</a>
                </li>
            </ul>
        </div>
        <!--消息提示 -->
        <div class='home-prompt'>
            <ng-template #popTemplate>
                <div class='home-template-pop' [innerHtml]='html'></div>
            </ng-template>
            <button #popover="ngbPopover" triggers="mouseenter:mouseleave" class='home-prompt-icon' autoClose='false' autohide='false' [ngClass]="popover.isOpen()? 'active':''" placement="bottom" [ngbPopover]="popTemplate">
      </button>
        </div>
        <!-- 用户登录信息 -->
        <div class='home-user'>
            <span class='user-msg'>{{username}}您好，欢迎登录</span>
            <span class='home-user-info'>
            <nz-dropdown nzOverlayClassName='dropdown'>
                <button nz-dropdown class='home-user-btn' id="dropdownManual">
                    <i class='home-user-icon'></i>
                </button>
              <ul nz-menu style="width:130px;text-align: center">
                <li style="width:130px" nz-menu-item (click)="userInfo()">账号信息</li>
                <li style="width:130px" nz-menu-item (click)="exit()">退出登录</li>
              </ul>
            </nz-dropdown>
        </span>
        </div>
    </header>
    <!-- 内容 -->
    <div class='home-content'>
        <router-outlet></router-outlet>
    </div>

    <ng-container>
        <div class="shade" [hidden]="!caseReview.showWindow"></div>
        <app-casereview [hidden]="!caseReview.showWindow"></app-casereview>
    </ng-container>
</div>